<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    1.引入vue.js-->
	<script src="js/vue.js"></script>
</head>
<body>
<!--      2.挂载  -->
    <div id="app">
        <p>{{username}}</p>
		<p>{{age}}</p>
		<p>{{user}}</p>
		<p>{{user.address}}</p>
		<p>{{userList}}</p>
		<p>{{userList[0]}}</p>
		<p>{{userList1[1].name}}</p>
    </div>
</body>
    <script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
			   username:"张三",
			   age:13,
			   user:{
				   name:"王二",
				   age:15,
				   address:"重庆"  
			   },
			   userList:["张三","李四","王麻子","赵六"],
			   userList1:[
				   {
				   				   name:"王1",
				   				   age:16,
				   				   address:"重庆"  
				   },
				   {
				   				   name:"王二",
				   				   age:16,
				   				   address:"重庆"  
				   },
				   {
				   				   name:"王3",
				   				   age:16,
				   				   address:"重庆"  
				   }]
			},
			
			
		})
    </script>
</html>